/* Table of Content
==================================================
	#Reset & Basics
	#Imported
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Icons	
	#Tabs
	#Forms
	#Misc */


/* #Reset & Basics
================================================== */
	
	html, body { height:100%}
	html {background:#b8b8b8 url(../images/bg_red.jpg) repeat;}
	body {font-size: 12px; font-family: Arial,Helvetica,sans-serif}
	form, body, iframe { margin: 0; padding: 0;}
	img, table, iframe { border: 0;}
	p { margin: 2x 0 8px;}
	

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	ol, ul {
		list-style: none; margin:0; padding:0}
	
	.main_wrapper {margin:0 auto; text-align:left;text-align:left; overflow:hidden; display:block}
/* #Import Styles
================================================== */

/* #Typography
================================================== */
	/*Headings*/
	h1, h2, h3, h4, h5, h6 {
		color: red;
		font-family:'Great Vibes';
		font-weight: normal;
		line-height: 1.2em; 
	}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit;}
	h1 { font-size: 30px;  margin: 0 0 20px 0}
	h2 { font-size: 27px;  margin: 0 0 20px 0}
	h3 { font-size: 20px;  margin: 0 0 20px 0}
	h4 { font-size: 19px;  margin: 0 0 10px 0}
	h5 { font-size: 18px;  margin:0 0 10px 0}
	h6 { font-size: 17px; margin:0 0 10px 0}
	.subheader { color: #777; }
	.aside h4 { color:#a8a8a8;}
	h2 img{
		float:left;
		margin:2px 16px 0 0;
	}
	.slider_title{
		text-transform:none;
		margin-bottom:18px;
	}
	.sidebar_right h6, .sidebar_left h6{
		font-family:Arial, Helvetica, sans-serif;
	}
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold;}
	small { font-size: 80%; }
	.uppercase { text-transform:uppercase}
	
	.rounded-img{
		border-radius:3px;
		overflow:hidden;
	}
	
	/*Text Align*/
	.txt_left { text-align:left}
	.txt_center { text-align:center}
	.txt_right { text-align:right}
	.txt_justify { text-align:justify}
		
	/*Seperators*/
	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
	hr.dotted { border-style:dotted;}
	hr.dashed { border-style:dashed;}
	
	/*Blocks Titles*/
	.aside h5 { 
		font-size:21px;
		line-height:1.2em;
		margin:0 0 20px 0;
		color:#fefefe;
		font-family: 'Great Vibes', sans-serif;
	}
	
	h4.date { color:#b5b5b5; margin-bottom:5px}
	
	.signature { display:block; text-align:right; font-style:italic}

/* #Links
================================================== */

	a:hover, a:focus { color: #d80e01; text-decoration:none}
	p a, p a:visited {line-height: inherit; color:#d80e01;}

	a.grey_link { color:#525252;text-decoration:none}
	a.grey_link:hover { color:#525252; text-decoration:underline}
	a.lightgrey_link { color:#a5a5a5; text-decoration:none}
	a.lightgrey_link:hover { color:#a5a5a5; text-decoration:underline}
	a.readmore11 { color:#000; text-decoration:none; font-size:11px; }
	a.readmore11:hover { color:#000; text-decoration:underline;}
	
	a.arrowed { color:#d80e01; font-size:12px; line-height:15px; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
	a.arrowed:hover { color:#d80e01; text-decoration:underline;}
	a.arrowed span { color:#d80e01; font-size:12px; line-height:15px; font-style:normal; font-family:Arial, Helvetica, sans-serif}
	
/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

	a.readmore { font-size:11px; line-height:normal; font-family: 'Great Vibes', sans-serif;}
	
	/*Blocks Lists*/
	.aside_list{}
		.aside_list li{
			font-size:12px;
			line-height:1.2em;
			background:url(../images/footer-marker.png) 0 2px no-repeat;
			padding-left:16px;
		}
		.aside_list li:first-child{
			
		}
		.aside_list li a{
			color:#efefef;
			text-decoration:none;
		}
			.aside_list li a:hover{
				text-decoration:underline;
				color:#f6a607;
			}
		
	.archive_list{}
		.archive_list li{
			font-size:12px;
			line-height:1.2em;
		}
		.archive_list li:first-child{
			
		}
		.archive_list li a{
			color:#efefef;
			text-decoration:none;
		}
			.archive_list li a:hover{
				text-decoration:underline;
				color:#f6a607;
			}	
	
	.flickr{
		margin:-5px 0 0 -5px;
		overflow:hidden;
	}
		.flickr li{
			float:left;
			margin:5px 0 0 5px;
		}
			.flickr li img{
				display:block;
			}
	
	ul.pager {  margin:0 0 20px 0; padding:0; overflow:hidden}
	ul.pager li { margin:0 4px 0 0; float:left}
	ul.pager li a { display:block; padding:0 4px; line-height:18px; background:#c1c1c1; color:#373737; font-size:11px; text-decoration:none}
	ul.pager li a:hover { background:#555555; color:#ffffff; text-decoration:none}
	ul.pager li.current a {background:#555555; color:#ffffff; text-decoration:none}

	ul.twitter_widget { margin:0 0 10px 0; padding:0;}
	ul.twitter_widget li { margin:0px 0 10px 0; padding:0 0 10px 0; border-bottom:#e7e7e7 1px solid; font-style:italic; color:#9a9a9a;}
	ul.twitter_widget li a { color:#000; text-decoration:none}
	ul.twitter_widget li a:hover { color:#000; text-decoration:underline}
	ul.twitter_widget li span { display:block; padding:10px 0 0 0; color:#000; font-style:normal}
	
	ul.posts_widget { margin:0 0 10px 0; padding:0;}
	ul.posts_widget li { margin:0 0 15px 0; padding:0 0 10px 0; border-bottom:#e7e7e7 1px solid; overflow:hidden}
	ul.posts_widget li a { color:#000; text-decoration:none}
	ul.posts_widget li a:hover { color:#000; text-decoration:underline}
	ul.posts_widget li img { float:left; margin:0 8px 5px 0 }
	ul.posts_widget li span { color:#999999; font-style:italic; font-family: 'Great Vibes', sans-serif}
	
	ul.flicker_widget { margin:0 0 10px 0; padding:0; overflow:hidden}
	ul.flicker_widget li { margin:0 10px 10px 0; float:left;}
	ul.flicker_widget li a img { border-color:#eaeaea}
	ul.flicker_widget li a:hover img { border-color:#000}
	
/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; 
		}
	.aligned_left { margin:0 10px 5px 0; float:left}
	.aligned_right { margin:0 0px 5px 10px; float:right}
	.aligned_center { margin:0 auto 10px auto; text-align:center}

/* #Buttons
================================================== */
.btn_readmore { 
		background:url(../images/butt-bg.gif) 0 0 repeat-x #000;
		position:relative;
		left:0;
		top:0;
		padding:5px 0 6px 0;
		width:100px;
		text-align:center;
		font-size:12px;
		line-height:1.2em;
		color:#fff;
		margin:0 0 20px 0;
		font-family:Arial, Helvetica, sans-serif;
		display:block;
		float:left;
		border-radius:5px;
		text-decoration:none;
		border:#636363 1px solid;
	 }
.btn_readmore:hover { background:url(../images/butt-bg-hover.gif) 0 0 repeat-x #484848; text-decoration:none;color:#fff;}

/* #Icons
================================================== */
/*Socials*/
.twitter { background:url(../images/icons/twitter.png) no-repeat;}
.facebook { background:url(../images/icons/facebook.png) no-repeat;}
.dribbble { background:url(../images/icons/dribbble.png) no-repeat;}
.google { background:url(../images/icons/google.png) no-repeat;}
.vimeo { background:url(../images/icons/vimeo.png) no-repeat;}

/*Link&Button*/
.ico_arrow { right:10px; }
.ico_arrow { font-size:13px; font-family:Arial, Helvetica, sans-serif!important; position:absolute; line-height:14px; left:10px; top:50%; margin:-7px 0 0 0;}

/* #Forms
================================================== */

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }
	.mar-bottom15 { margin-bottom:15px!important}
	.add-spacers { margin-left:10px; margin-right:10px}
	.top-margin { margin-top:20px}
	.add-bottom30 { margin-bottom: 30px !important; }

	.fleft { float:left}
	.fright { float:right}

	.map { width:100%; margin-bottom:25px}

	.overflow { overflow:hidden}
/* Indents */
.top10{
	padding-top:10px;
	text-align:center;
}
.top15{
	padding-top:15px;
}
.top20{
	padding-top:20px;
}	
.top25{
	padding-top:25px;
}
.top35{
	padding-top:35px;
}
/*Blog Classes
===============*/
	.blogpost_info1 { border-bottom:#efefef 1px solid; border-top:#efefef 1px solid; padding:5px 0; overflow:hidden; margin:0 0 10px 0}
	.blogpost_info1 .posted_info { float:left; color:#999999;font-size:11px; line-height:13px; width:70%}
	.blogpost_info1 .posted_info a {color:#555555;font-size:11px; line-height:13px; text-decoration:none}	
	.blogpost_info1 .posted_info a:hover {color:#555555; text-decoration:underline;}	
	.blogpost_info1 .posted_comments { background:url(../images/bg_comments1.png) no-repeat left top; float:right; padding:0 0px 0 20px; line-height:13px;  width:20%; display:block}
	.blogpost_info1 .posted_comments a { color:#000; font-size:11px; line-height:13px; font-style:italic; text-decoration:none}
	.blogpost_info1 .posted_comments a:hover { color:#000; text-decoration:underline}

	.blogpost_info2  ul { padding:0; margin:0 0 13px 0; overflow:auto}
	.blogpost_info2  ul li { margin: 0 20px 0 0; padding:0 0 0 20px; float:left; background-position:0 3px; font-size:11px; height:17px; color:#747474; background-repeat:no-repeat; font-style:italic}
	.blogpost_info2  ul li.info_date { background-image:url(../images/ico_date.png)}
	.blogpost_info2  ul li.info_categ { background-image:url(../images/ico_categ.png)}
	.blogpost_info2  ul li.info_comments { background-image:url(../images/ico_comments.png)}

	.code_tags { overflow:hidden}
	.code_tags code { margin: 0 10px 10px 0; display:block; float:left; padding:0 3px; border-color:#e7e7e7; color:#000; }

/* #Widgets
==================================================*/
/*Toggled List*/
ul.toggles { border-top:#efefef 1px solid; margin:0 0 20px 0}
ul.toggles li {border-bottom:#efefef 1px solid; padding:17px 0; margin:0}
ul.toggles li span { display:block;  padding:0 15px 0 45px; height:23px; overflow:hidden; color:#555555; font-size:12px; line-height:23px; background:url(../images/ico_toggle.png) no-repeat 11px top; cursor:pointer}
ul.toggles li span:hover { color:#d80e01; background:url(../images/ico_toggle.png) no-repeat 11px top }
ul.toggles li.act span { color:#d80e01; background:url(../images/ico_toggle.png) no-repeat 11px bottom }
ul.toggles li div.toggle_text { padding:8px 10px 0px 45px; display:none; color:#555555}

/*Acordion List*/
.accordion { margin:0 0 20px 0; border-bottom:#efefef 1px solid}
.ui-accordion-header  { border-top:#efefef 1px solid; padding:17px 15px 17px 45px; height:23px; overflow:hidden; color:#555555; font-size:12px; line-height:23px; position:relative; cursor:pointer}
.ui-accordion-header  a { color:#555555; font-size:17px; line-height:23px; text-decoration:none}
.ui-accordion-header:hover  a { color:#d80e01; font-size:17px; line-height:23px; text-decoration:none}
.ui-accordion-header.ui-state-active { padding:17px 15px 0 45px; color:#d80e01}
.ui-accordion-header.ui-state-active a {color:#d80e01; text-decoration:none}
.ui-accordion-header .ui-icon { width:23px; height:23px; background:url(../images/ico_toggle.png) no-repeat left top; position:absolute; left:11px; top:17px}
.ui-accordion-header.ui-state-active .ui-icon { background-position:bottom left;}
.ui-accordion-content { padding:8px 15px 17px 45px}

/*Effects
=========*/
img.bordered1 { border:#eaeaea 3px solid}
.align
{
	text-align: right;
}
